<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content=t="width=device-width,initial-scale=1,user-scalable=no"/>
		<title>艺术盒子-消息</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiaoxi.css"/>
	</head>
	<body>
		<div class="web">
			<div class="top">
				消息
			</div>
			<div class="content">
				<div class="first">
					<input type="checkbox"  id="checkboxOne" style="display: none;" />
					<div class="one">
						<ul>
							<li>
								<img src="img/xiaoxi1.png"/>
								<span>待处理事项</span>
								<span>没有待处理消息</span>
							</li>
							<li>
								<label for="checkboxOne"><img src="img/zhanghaoxiugai1.png"/></label>
							</li>
						</ul>
						<div class="xiala1">
							<ul>
								<li>
									<img src="img/xiaoxi4.png"/>
									<div>
										<p>艺术荟小助手</p>
										<p>小助手帮你熟悉艺术荟</p>
									</div>
								</li>
								<li>早上08：40</li>
							</ul>
						</div>
						<div class="xiala1">
							<ul>
								<li>
									<img src="img/xiaoxi4.png"/>
									<div>
										<p>艺术荟官方团队</p>
										<p>关注艺术荟官方APP送豪礼</p>
									</div>
								</li>
								<li>早上08：40</li>
							</ul>
						</div>
					</div>
					<input type="checkbox"  id="checkboxTwo" style="display: none;" />
					<div class="two">
						<ul>
							<li>
								<img src="img/xiaoxi2.png"/>
								<span>聚会小助手</span>
							</li>
							<li>
								<label for="checkboxTwo"><img src="img/zhanghaoxiugai1.png"/></label>
							</li>
						</ul>
						<div class="xiala2">
							<ul>
								<li>
									<img src="img/xiaoxi4.png"/>
									<div>
										<p>艺术荟小助手</p>
										<p>小助手帮你熟悉艺术荟</p>
									</div>
								</li>
								<li>早上08：40</li>
							</ul>
						</div>
						<div class="xiala2">
							<ul>
								<li>
									<img src="img/xiaoxi4.png"/>
									<div>
										<p>艺术荟官方团队</p>
										<p>关注艺术荟官方APP送豪礼</p>
									</div>
								</li>
								<li>早上08：40</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="second">
					<div class="title">
						<span>系统消息</span>
					</div>
					<div class="xiala">
						<ul>
							<li>
								<img src="img/xiaoxi4.png"/>
									<div>
										<p>新通告推荐</p>
										<p>2.18广州广告拍摄招生火热进行中</p>
									</div>
							</li>
							<li>早上08：40</li>
						</ul>
					</div>
					<div class="xiala">
						<ul>
							<li>
								<img src="img/xiaoxi4.png"/>
									<div>
										<p>新通告推荐</p>
										<p>2.18广州广告拍摄招生火热进行中</p>
									</div>
							</li>
							<li>早上08：40</li>
						</ul>
					</div>
					<div class="xiala">
						<ul>
							<li>
								<img src="img/xiaoxi4.png"/>
									<div>
										<p>新通告推荐</p>
										<p>2.18广州广告拍摄招生火热进行中</p>
									</div>
							</li>
							<li>早上08：40</li>
						</ul>
					</div>
				</div>
				<div class="third">
					<ul>
						<li>
							<img src="img/xiaoxi5.png"/>
							<span>评论</span>
						</li>
						<li>
							<img src="img/zhanghaoxiugai1.png"/>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/xiaoxi6.png"/>
							<span>新粉丝</span>
						</li>
						<li>
							<img src="img/zhanghaoxiugai1.png"/>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/xiaoxi8.png"/>
							<span>邀约</span>
						</li>
						<li>
							<img src="img/zhanghaoxiugai1.png"/>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/xiaoxi7.png"/>
							<span>赞</span>
						</li>
						<li>
							<img src="img/zhanghaoxiugai1.png"/>
						</li>
					</ul>
				</div>
				<div class="fourth">
					<div class="lalala">
						<ul>
							<li>
								<img src="img/xiaoxi9.png"/>
									<div>
										<p>Digimusic Fanclub➡电音迷</p>
										<p>"techno house trance dubstep工业舞，钢管舞"</p>
									</div>
							</li>
							<li>
								<div>置顶</div>
								<div>关注</div>
							</li>
						</ul>
					</div>
					<div class="lalala">
						<ul>
							<li>
								<img src="img/xiaoxi9.png"/>
									<div>
										<p>Digimusic Fanclub➡电音迷</p>
										<p>"techno house trance dubstep工业舞，钢管舞"</p>
									</div>
							</li>
							<li>
							</li>
						</ul>
					</div>
					<div class="lalala">
						<ul>
							<li>
								<img src="img/xiaoxi9.png"/>
									<div>
										<p>Digimusic Fanclub➡电音迷</p>
										<p>"techno house trance dubstep工业舞，钢管舞"</p>
									</div>
							</li>
							<li>
								<div>置顶</div>
								<div>关注</div>
							</li>
						</ul>
					</div>
					
				</div>
			</div>
			<div class="foot">
				<ul>
					<li><a><img src="img/shouye16.png"/></a></li>
					<li><a><img src="img/shouye17.png"/></a></li>
					<li><a><img src="img/shouye19.png"/></a></li>
					<li><a><img src="img/shouye18.png"/></a></li>
					<li><a><img src="img/shouye15.png"/></a></li>
				</ul>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="new_file.js">
	</script>
</html>
